Skip to content

Tile support of native pictogram#428

Merged
ddecrulle merged 5 commits into
codegouvfr:mainfrom
Maxenceee:feature/tile-x-picto
Jun 12, 2025
Merged

Tile support of native pictogram#428
ddecrulle merged 5 commits into
codegouvfr:mainfrom
Maxenceee:feature/tile-x-picto

Conversation

@Maxenceee

Copy link
Copy Markdown
Contributor

This PR resolves #424, including:

  • renaming of some elements for clarity (IconWrapper becomes PictoWrapper, createIcon becomes createPicto, etc.)
  • Tile component can now use native DSFR pictograms with the pictogram prop, which is an exclusive property, alternative to imageUrl and its variations. I did not change any of the previous behavior, it's a plus.
  • Tile tests
  • the pictogram proo has it's own section in the Tile story
import CityHall from "@codegouvfr/react-dsfr/picto/CityHall";

<div
  className="container"
  style={{
    width: 360
  }}
>
  <Tile
    enlargeLinkOrButton
    linkProps={{
      href: '#'
    }}
    orientation="vertical"
    pictogram={<CityHall />}
    title="Intitulé de la tuile"
    titleAs="h3"
  />
</div>

@ddecrulle ddecrulle left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very good work thank's !

@ddecrulle
ddecrulle merged commit 400ae6d into codegouvfr:main Jun 12, 2025
6 checks passed
@Maxenceee
Maxenceee deleted the feature/tile-x-picto branch June 17, 2025 18:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Iteration over pictograms

2 participants